<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第5-8章内容</title>
</head>
<body>
    <p>This is an apple.</p>
    <p>This is an apple.</p>

    <div>this is banana.</div>
    <div>this is banana.</div>

    <blockquote>这是一个超人</blockquote>
    <blockquote>这是另一个超人</blockquote>

    <pre>
        ****
          ****
             ****
          ****
        ****
    </pre>
    <hr>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>

    <ol>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
    </ol>
    <li value="9">susan</li>

    <dl>
        <dt>这是我的网页</dt>
        <dd>这是我的网页内容1</dd>
        <dd>这是我的网页内容2</dd>
    </dl>

    <figure>
        <figcaption>picture</figcaption>
        <img src="./img.png">
    </figure>

    <table border="1">
        <tr>
            <td>A</td>
            <td>F</td>
            <td>basketball</td>
        </tr>
        <tr>
            <td>B</td>
            <td>M</td>
            <td>Paint</td>
        </tr>
    </table>

    <table border="1" style="width: 300px;">
        <tr>
            <th>名字</th>
            <th>性别</th>
            <th>爱好</th>
        </tr>
        <tr>
            <td>C</td>
            <td>F</td>
            <td>read</td>
        </tr>
        <tr>
            <td>D</td>
            <td>M</td>
            <td>swimming</td>
        </tr>
    </table>

    <table>
    <thead>
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>爱好</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="3">统计：共两名</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>a</td>
            <td>m</td>
            <td>cat</td>
        </tr>
        <tr>
            <td>b</td>
            <td>f</td>
            <td>dog</td>
        </tr>
    </tbody>
    <caption>这是一张表</caption>
    <colgroup span="2" style="background: red;"></colgroup>
    <colgroup>
        <col>
        <col style="background: red;" span="1">
    </colgroup>
    </table>
    <header>
        这里一部分是页面头部，包括LOGO、标题、导航等内容。
    </header>
    <footer>
        这里是页面的尾部，一般包括版权声明、友情链接等。
    </footer>
    <h1>标题部分</h1>
    <h4>小标题部分</h4>
    <hgroup>
        <h1>标题部分</h1>
        <h4>小标题部分</h4>
    </hgroup>
    <section>
        一般存放文档主题内容。
    </section>
    <nav>这里存放文档的导航</nav>
    <article>
        <header>
            <nav>savfvxcnvjknjfdhshgvjfdbnjkcvsnb</nav>
        </header>

        <section>szbjchjadsigofjkvbjdskavjknjkcnvm fjaoofopo</section>

        <footer>jzvhdsjavksjkcxakjofids1w2324</footer>
    </article>
    <aside>这是一个注释</aside>
    <a href="index.html">
        <img src="./img1.png" width="339" height="229" alt="风景图" ismap>
    </a>
    
    <img src="img2.png" alt="风景图1" width="339" height="229" usemap="#Map">
    <map name="Map">
        <area shape="rect" coords="31,28,112,100" href="http://www.baidu.com" target="_blank" alt="方形">
        <area shape="circle" coords="187,142,47" href="http://www.google.com" target="_blank" alt="圆形">
        <area shape="poly" coords="287,26,240,66,308,112" href="http://www.soso.com" target="_blank" alt="多边形">
    </map>

    <a href="index.html" target="in">index</a> |
    <a href="http://www.baidu.com" target="in">百度</a>
    <iframe src="http://www.ycku.com" width="600" height="500" name="in"></iframe>

    <embed src="https://b23.tv/av68892363" type="application/x-shockwave-flash" width="480" height="400"></embeb>

    <progress value="30" max="100"></progress>
    <meter value="90" min="10" max="100" low="40" high="80" optimum="60"></meter>
</body>
</html>